.topBar{
    position: fixed;
    width: 10rem;
    height: 1.575142rem;
    
    top: 0px;
    background-image: linear-gradient(to bottom, #e4eff0, #e4f0f0, #e4f0f0, #e5f1ef, #e5f1ef, #e5f1ef, #e5f1ee, #e5f1ee, #e5f1ee, #e5f1ed, #e6f1ed, #e6f1ed);
}
.section{
    width: 8rem;
    height: 100%;
    
    display: flex;
}
.option{
    padding-top: 0.428571rem;
    padding-bottom: 0.428571rem;
    padding-left: 0.342857rem;
    padding-right: 0.342857rem;
    letter-spacing: 2px;
    font-weight: 550;
    font-size: 0.45rem;
    
}
.active{
    
    font-weight: 700;
    /* border-bottom: 5px solid black ; */
    
}
.active::before{
    content:"";
    position: absolute;
    bottom: 10px;
    height: 10%;
    width: 10%;
    border-bottom: 5px solid #75e396;
    transition:0.2s all linear;
    transition-delay: 0.1s;
    
    

}
.container_top_my{
    background-image: linear-gradient(to bottom, #e4eff0, #e4f0f0, #e4f0f0, #e5f1ef, #e5f1ef, #e5f1ef, #e5f1ee, #e5f1ee, #e5f1ee, #e5f1ed, #e6f1ed, #e6f1ed);
}
.album_container{
  
    margin-top: 0.5rem;
    height: 65vh;
    width: 100vw;
    overflow-x: scroll;
  
    position: fixed;
    
}

.my_main{
    width: 100vw;
    height: 100vh;
   
}
.nothing{
    width: 100vw;
    height: 0.5rem;
}